<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>移动海边</title>
  <link rel="stylesheet" href="css/sea.css">

</head>

<body>
  <div class="section">
    <!-- 这是浪花 -->
    <div class="wave wave1"></div>
    <div class="wave wave2"></div>
    <div class="wave wave3"></div>
    <div class="wave wave4"></div>

    <!-- 这是山脉 -->
    <div class="moutain">
      <div class="hill hill1"></div>
      <div class="hill hill3"></div>
      <div class="hill hill4"></div>

    </div>

    <!-- 这是云彩 -->
    <div class="cloud cloud1">
      <div class="cloud-circle cloud-circle1"></div>
      <div class="cloud-circle cloud-circle2"></div>
      <div class="cloud-circle cloud-circle3"></div>
      <div class="cloud-circle cloud-circle4"></div>
      <div class="cloud-circle cloud-circle5"></div>
    </div>

    <!-- 这是日月 -->

    <div class="spinner">
      <div class="sun"></div>
    </div>

    <div class="cloud cloud2">
      <div class="cloud-circle cloud-circle1"></div>
      <div class="cloud-circle cloud-circle2"></div>
      <div class="cloud-circle cloud-circle3"></div>
      <div class="cloud-circle cloud-circle4"></div>
      <div class="cloud-circle cloud-circle5"></div>
    </div>

    <!-- 这是月亮和星星 -->
    <div class="night">
      <div class="moon"></div>
      <div class="star star1"></div>
      <div class="star star2"></div>
      <div class="star star3"></div>
      <div class="star star4"></div>
      <div class="star star5"></div>
      <div class="star star6"></div>
      <div class="star star7"></div>
      <div class="star star8"></div>
      <div class="star star9"></div>
      <div class="star star10"></div>
      <div class="star star11"></div>
      <div class="star star12"></div>
      <div class="star star13"></div>
      <div class="star star14"></div>
      <div class="star star15"></div>
      <div class="star star16"></div>
      <div class="star star17"></div>
      <div class="star star18"></div>
      <div class="star star19"></div>
      <div class="star star20"></div>
      <div class="star star21"></div>
      <div class="star star22"></div>
      <div class="star star23"></div>
      <div class="star star24"></div>
      <div class="star star25"></div>
      <div class="star star26"></div>
      <div class="star star27"></div>
      <div class="star star28"></div>
      <div class="star star29"></div>
      <div class="star star30"></div>
      <div class="star star31"></div>
      <div class="star star32"></div>
      <div class="star star33"></div>
      <div class="star star34"></div>
      <div class="star star35"></div>
      <div class="star star36"></div>
      <div class="star star37"></div>
      <div class="star star38"></div>
      <div class="star star39"></div>
      <div class="star star40"></div>
    </div>

    <!-- 这是风车 -->
    <div class="fengche">
      <div class="house">
        <div class="windmill">
          <div class="mill-fan">
            <div class="fan-wing fan-1">
              <div class="fan-comb">
                <ul>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                </ul>

              </div>
            </div>
            <div class="fan-wing fan-2">
              <div class="fan-comb">
                <ul>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                </ul>

              </div>
            </div>
            <div class="fan-wing fan-3">
              <div class="fan-comb">
                <ul>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                </ul>

              </div>
            </div>
            <div class="fan-wing fan-4">
              <div class="fan-comb">
                <ul>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                </ul>

              </div>
            </div>
          </div>
        </div>
        <div class="roof"></div>
        <div class="floors">
          <div class="light"></div>
          <div class="door"></div>
        </div>

      </div>



    </div>

    <!-- 这是文字 -->
    <div class="text">
      <h1>
        <span>江</span>
        <span>西</span>
        <span>没</span>
        <span>有</span>
        <span>海</span>
        <span>,</span>
        <span>但</span>
        <span>阳</span>
        <span>江</span>
        <span>有</span>
        <span>啊</span>
      </h1>
      <h1>
        <span>我</span>
        <span>想</span>
        <span>和</span>
        <span>你</span>
        <span>去</span>
        <span>海</span>
        <span>边</span>
        <span>坐</span>
        <span>在</span>
        <span>的</span>
        <span>风</span>
        <span>车</span>
        <span>山</span>
        <span>上</span>
      </h1>
      <h1>
        <span>看</span>
        <span>着</span>
        <span>山</span>
        <span>脚</span>
        <span>下</span>
        <span>的</span>
        <span>海</span>
        <span>浪</span>
      </h1>
      <h1>
        <span>看</span>
        <span>着</span>
        <span>天</span>
        <span>空</span>
        <span>从</span>
        <span>日</span>
        <span>出</span>
        <span>到</span>
        <span>日</span>
        <span>落</span>
        <span>再</span>
        <span>到</span>
        <span>星</span>
        <span>辰</span>
      </h1>
    </div>
  </div>
  <script src="./js/jquery-1.12.4.min.js"></script>
  <script src="./js/sea.js"></script>

  <!-- <script src="./js/sea.js"></script> -->
</body>

</html>